<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="description" content=" ">
  <meta name="author" content=" ">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Foodtruck - Tacos : Shortcodes Boxes</title>

  <link rel="stylesheet" type="text/css" href="./assets/js/customscroll/jquery.mCustomScrollbar.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/flexslider/css/flexslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/prettyPhoto/css/prettyPhoto.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/bxslider/jquery.bxslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/font-awesome.css">

  <link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
  <link rel="stylesheet" type="text/css" href="./assets/flavours/tacos/css/tacos.css">

  <!-- modernizr : detect css transition -->
  <script src="./assets/js/modernizr.custom.81779.js"></script>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="./assets/bootstrap/js/html5shiv.js"></script>
  <script src="./assets/bootstrap/js/respond.min.js"></script>
  <![endif]-->



</head>
<body>



<nav class="navbar navbar-default" role="navigation">
  <div class="inner">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle btn btn-primary" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <div class="text-center">
          <p class="address">
            <b>Một sự kiện hoành tráng - lần đầu tiên xuất hiện 9 năm qua tại khoa MMT&TT</b>
          </p>
        </div>

        <a class="small-brand" href="/"  data-width="221" data-top="58"><img src="./assets/flavours/tacos/images/content/logo-small.png" alt=" " ></a>

        <a href="tel:66-87-65-43-21" class="phoneIcon" style="display:none">+66 87 65 43 21</a>
        <a href="http://goo.gl/maps/IUzKJ" class="locationIcon" target="_blank" style="display:none;">http://goo.gl/maps/IUzKJ</a>
        <ul class="smallSocials">
          <li class="fb"><a href="#"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
        </ul>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav text-center" data-type="margin-top" data-pos="138">
          <li ><a href="index.html">Home</a></li>
          <li><a href="gioi-thieu.html">Giới thiệu</a></li>
          <li><a href="lich-trinh.html">Lịch trình</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle">Các chương trình</a>
            <ul class="dropdown-menu">
              <li><a href="#">Hội trại truyền thống</a></li>
              <li><a href="#">Lễ hội ẩm thực</a></li>
              <li><a href="#">Đại nhạc hội</a></li>
              <li><a href="#">Đêm hội truyền thống</a></li>
              <li><a href="#">Đường chạy Tiếp lửa</a></li>
              <li><a href="#">Radio Cảm xúc</a></li>
              <li><a href="#">Hướng về Biển đảo</a></li> 
            </ul>
          </li>
          <li><a href="events.html">Event</a></li>
          <li><a href="dang-ky.html">Đăng kí</a></li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- / container -->

    <div class="btm"></div>
  </div>

</nav>



<div class="bg-1 section">
  <div class="inner" data-topspace="80" data-bottomspace="100">
    <div class="container">

      <h3 class="hdr4">The Crew</h3>

      <div class="row">
        <div class="col-md-3 col-sm-6">
          <div class="personBox">
            <span class="ptitle">Chief Cook</span>
            <img src="./assets/flavours/tacos/images/content/person_01.jpg" alt=" ">
            <span class="pname">Frank Turner</span>

            <p>
              Pellentesque habitant morbi tristique senectu ac turpis.
            </p>
            <ul class="smallSocials">
              <li class="fb"><a href="#"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
              <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
              <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
              <li class="rss"><a href="#"><img src="./assets/images/smallsocial-rss.png" alt="RSS"></a></li>
            </ul>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="personBox">
            <span class="ptitle">Cook 1</span>
            <img src="./assets/flavours/tacos/images/content/person_02.jpg" alt=" ">
            <span class="pname">Jack Sparrow</span>

            <p>
              Pellentesque habitant morbi tristique senectu ac turpis.
            </p>
            <ul class="smallSocials">
              <li class="fb"><a href="#"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
              <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
              <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
              <li class="rss"><a href="#"><img src="./assets/images/smallsocial-rss.png" alt="RSS"></a></li>
            </ul>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="personBox">
            <span class="ptitle">Cook 2</span>
            <img src="./assets/flavours/tacos/images/content/person_03.jpg" alt=" ">
            <span class="pname">Elizabeth Swanson</span>

            <p>
              Pellentesque habitant morbi tristique senectu ac turpis.
            </p>
            <ul class="smallSocials">
              <li class="fb"><a href="#"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
              <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
              <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
              <li class="rss"><a href="#"><img src="./assets/images/smallsocial-rss.png" alt="RSS"></a></li>
            </ul>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="personBox">
            <span class="ptitle">Mechanic</span>
            <img src="./assets/flavours/tacos/images/content/person_04.jpg" alt=" ">
            <span class="pname">Devy Jones</span>

            <p>
              Pellentesque habitant morbi tristique senectu ac turpis.
            </p>
            <ul class="smallSocials">
              <li class="fb"><a href="#"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
              <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
              <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
              <li class="rss"><a href="#"><img src="./assets/images/smallsocial-rss.png" alt="RSS"></a></li>
            </ul>
          </div>
        </div>
      </div>
      <!-- / row -->

      <br>
      <hr class="line-separator">
      <br>

      <h3 class="hdr4">Alerts</h3>


      <div class="alert alert-danger alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        <i class="fa fa-ban"></i>Error: Your error message goes here!
      </div>

      <div class="alert alert-success alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        <i class="fa fa-check-circle-o"></i> Success: Your success message goes here!
      </div>

      <div class="alert alert-info alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        <i class="fa fa-info-circle"></i> Info: Your info message goes here!
      </div>

      <div class="alert alert-warning alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        <i class="fa fa-exclamation-circle"></i> Warning! Your warning message goes here!
      </div>

      <br>
      <hr class="line-separator">
      <br>

      <h3 class="hdr4">Icon Boxes</h3>

      <div class="row">
        <div class="col-md-6 col-sm-6">
          <div class="iconBox text-center">
            <h3><i class="fa fa-cutlery"></i> Premium Food Theme</h3>

            <p>
              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
            </p>
          </div>
        </div>
        <div class="col-md-6 col-sm-6">
          <div class="iconBox text-center">
            <h3><i class="fa fa-puzzle-piece"></i> 10 flavours</h3>

            <p>
              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
            </p>
          </div>
        </div>
      </div>
      <!-- / row -->

      <br><br>

      <div class="row">
        <div class="col-md-4">
          <div class="iconBox text-center">
            <h3><i class="fa fa-mobile-phone"></i> Great on mobile</h3>

            <p>
              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit.
            </p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="iconBox text-center">
            <h3><i class="fa fa-cog"></i> Super customization</h3>

            <p>
              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit.
            </p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="iconBox text-center">
            <h3><i class="fa fa-umbrella"></i> Top Notch Support</h3>

            <p>
              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit.
            </p>
          </div>
        </div>
      </div>
      <!-- / row -->

      <br><br>

      <div class="row">
        <div class="col-md-3 col-sm-6">
          <div class="iconBox text-center">
            <h3><i class="fa fa-glass"></i> Handy Menus</h3>

            <p>
              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas vestibulum tortor.
            </p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="iconBox text-center">
            <h3><i class="fa fa-thumbs-o-up"></i> +350 Icons</h3>

            <p>
              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas vestibulum tortor.
            </p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="iconBox text-center">
            <h3><i class="fa fa-flash"></i> 3 Sliders</h3>

            <p>
              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas vestibulum tortor.
            </p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="iconBox text-center">
            <h3><i class="fa fa-picture-o"></i> Photo Gallery</h3>

            <p>
              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas vestibulum tortor.
            </p>
          </div>
        </div>
      </div>
      <!-- / row -->

      <br>
      <hr class="line-separator">
      <br>

      <h3 class="hdr4">Button Box</h3>

      <div class="buttonBox hdr1">
        <p class="pull-left">
          DONT MISS THAT SPECIAL OFFER
        </p>
        <a href="#" class="btn btn-default btn-sm pull-right">get it now</a>
        <div class="clearfix"></div>
      </div>

      <br>
      <hr class="line-separator">
      <br>

      <h3 class="hdr4">Title Box</h3>

      <h3 class="hdr2">Whatever you choose!</h3>
      <h4 class="hdr3">Be 100% sure that our food is entirely made of biological ingredients</h4>
      <hr class="line1">

    </div>
  </div>
</div>
<!-- / bg-1 -->


<footer>
  <div class="container">

    <div class="row">
      <div class="col-md-3">

        <h4>Contact</h4>

        <p>
          Atlantic Avenue 1234,<br><br>
          New York, NY<br><br>
          123 - 456 - 7891<br><br>
          <a href="mailto:hello@tacoslocos.com">hello@tacoslocos.com</a>
        </p>
        <hr>
        <h4>Hours</h4>

        <p>
          Monday - Friday<br>
          11:00 am - 11:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
        </p>

      </div>
      <div class="col-md-6">
        <img src="./assets/flavours/tacos/images/content/logo.png" alt=" ">

        <div class="googleMap" data-location="Marine Ave. New York, NY" data-text="We are here!"></div>

        <ul class="bigSocials">
          <li class="fb"><a href="#"><img src="./assets/images/social-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/social-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/social-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="#"><img src="./assets/images/social-rss.png" alt="RSS"></a></li>
        </ul>

        <p class="copyright">© Copyright 2014 <a href="#">TemplateRockers</a></p>


      </div>
      <div class="col-md-3">
        <h4>Latest Tweets</h4>

        <div class="tweets">
          <div style="display:none">here will be displayed live tweets, configuration is placed in /twitter/config.php</div>
        </div>
      </div>
    </div>

  </div>
  <a href="#" id="toTop"></a>
</footer>
<!-- / footer -->

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/bootstrap/js/bootstrap.min.js"></script>

<!-- we're including library : maps.googleapis.com/maps/api/js?sensor=false in main.js -->
<script src="./assets/js/gmap3.min.js"></script>

<script src="./assets/js/customscroll/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="./assets/js/flexslider/jquery.easing.1.3.min.js"></script>
<script src="./assets/js/flexslider/jquery.flexslider-min.js"></script>
<script src="./assets/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script src="./assets/js/bxslider/jquery.bxslider.min.js"></script>
<script src="./assets/twitter/js/jquery.tweet.js"></script>
<script src="./assets/js/jquery.hoverdir.js"></script><script src="./assets/js/jquery.arctext.js"></script>
<script src="./assets/js/jquery.placeholder.js"></script>
<script src="./assets/js/jquery.sticky.js"></script>

<script src="./assets/form/js/form.js"></script>
<script src="./assets/js/main.js"></script>

<script src="./assets/js/less.min.js"></script>


</body>

</html>